<template>
    <div class="index">
        <ul>
            <li>
                <router-link :to="{ path: '/shuiyuanjiance' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>水源监测</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/shuichangjiance' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>水厂监测</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/gongshuibengzhan' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>供水泵站</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/gongshuiguanwang' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>供水管网</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/dayonghujiance' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>大用户监测</p>
                </router-link>
            </li>
            <li>
                <router-link :to="{ path: '/paishuibengzhan' ,query: { token: $route.query.token }}">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>排水泵站</p>
                </router-link>
            </li>
            <li>
                <router-link to="paishuiguanwang">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>排水管网</p>
                </router-link>
            </li>
            <li>
                <router-link to="wushuichangjiance">
                    <i class="iconfont icon-ai-safe"></i>
                    <p>污水厂监测</p>
                </router-link>
            </li>
        </ul>
    </div>
</template>

<script>
import utils from '@/utils'
import {
    getUserInfo,
    setUserInfo,
    logout
} from '@/utils/auth'
export default {
    data() {
        return {

        }
    },
    created() {
        setUserInfo(utils.getQueryString('token'))
        console.log(utils.getQueryString('token'))
    }
}
</script>
<style lang="less">
.index {
  ul {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
  }
  li {
    flex: 0 0 50%;
    text-align: center;
  }
  i {
    font-size: 4rem !important;
    color: #03a9f4;
  }
  p {
    color: #03a9f4;
    margin-top: 0px;
  }
}
</style>

